body
{
  background-color:White; 
  font-family: verdana; 
  font-size:small;
  color:#3F3F3F; 
}
.dropdown
{
  background-color:White; 
  font-family: verdana; 
  font-size:small;
  color:#3F3F3F; 
}
.list
{
  background-color:White; 
  font-family: verdana; 
  font-size:small;
  color:#3F3F3F; 
}
.textbox
{
  background-color:White; 
  font-family: verdana; 
  font-size:small;
  color:#3F3F3F; 
}
.button
{
  font-family: verdana; 
  font-size:small;
  color:#3F3F3F;  
}
.MouseOverMenu
{
  background-color:#99CCFF; 
  font-family: verdana; 
  font-size:small;
  color:White;
}
.HiddenColumn /* this is to hide columns in datagrids - usually so that we can store id numbers. */
{
	display:none;
}

.Initials /* The list of item initials on the master page */
{
	font-weight:bold;
	color:Black;
}

.SmallerFont
{
	font-size:smaller;
}

/* The following are to make an msdn-style treeview */
.TreeView 
{ 
  background-color: #f0f0f0; 
  border: 1px solid black; 
  padding: 2px; 
  padding-left: 5px;
} 

.TreeNode 
{ 
  font-family: verdana; 
  font-size: 14px; 
  padding: 2px; 
  padding-left: 3px; 
  padding-right: 3px; 
  border: 1px solid #f0f0f0; 
  cursor: pointer;
} 

.SelectedTreeNode 
{ 
  font-family: verdana; 
  font-size: 14px; 
  padding: 2px; 
  padding-left: 3px; 
  padding-right: 3px; 
  background-color:white; 
  border: 1px solid gray; 
  cursor: default; 
} 

.HoverTreeNode 
{
  font-family: verdana; 
  font-size: 14px; 
  padding: 2px; 
  padding-left: 3px; 
  padding-right: 3px; 
  background-color:#cccccc; 
  border: 1px solid gray; 
  cursor: pointer;
}

.TreeNodeRow 
{ 
  height: 20px; 
}

.BigTreeNode 
{ 
  font-family: verdana; 
  font-size: 21px; 
  padding: 2px; 
  padding-left: 3px; 
  padding-right: 3px; 
  border: 1px solid #f0f0f0; 
  cursor: pointer;
} 

.TreeNodeRed 
{ 
  font-family: verdana; 
  font-size: 14px; 
  padding: 2px; 
  padding-left: 3px; 
  padding-right: 3px; 
  border: 1px solid #f0f0f0; 
  cursor: pointer;
  color: Red;
  font-weight:bold;
}
.TreeNodeGreen 
{ 
  font-family: verdana; 
  font-size: 14px; 
  padding: 2px; 
  padding-left: 3px; 
  padding-right: 3px; 
  border: 1px solid #f0f0f0; 
  cursor: pointer;
  color: Green;
  font-weight:bold;
}
.TreeNodeBrown 
{ 
  font-family: verdana; 
  font-size: 14px; 
  padding: 2px; 
  padding-left: 3px; 
  padding-right: 3px; 
  border: 1px solid #f0f0f0; 
  cursor: pointer;
  color: #804040;
  font-weight:bold;
}
.TreeNodeBlue 
{ 
  font-family: verdana; 
  font-size: 14px; 
  padding: 2px; 
  padding-left: 3px; 
  padding-right: 3px; 
  border: 1px solid #f0f0f0; 
  cursor: pointer;
  color: Blue;
  font-weight:bold;
}

/* STYLES FOR SOFT CORNER BLUE TABSTRIP */

.Level2Group
{
  background-color: #4544AF;
  position:relative;
  top:-1px;
}

.DefaultTab 
{
  color: white; 
  background-color: #6F8AD2;
  font-family: verdana; 
  font-weight:bold;
  font-size:11px; 
  cursor:pointer;
}

.DisabledTab 
{
  color:#AAAAAA; 
  background-color: #6F8AD2;
  font-family:Verdana; 
  font-size:10px; 
  font-weight: bold;
  cursor:default;
}

.DefaultTabHover 
{
  color: white; 
  background-color: #6F8AD2;
  font-family: verdana; 
  font-weight:bold;
  font-size:11px; 
  text-decoration:underline;
  cursor:pointer;
}

.SelectedTab 
{
  color: white; 
  background-color: #4544AF;
  font-family: verdana; 
  font-size:11px; 
  font-weight:bold;
  cursor:default;
}

.Level2Tab 
{
  color: white; 
  font-family: verdana; 
  font-size:11px; 
  cursor:pointer;
}

.Level2TabHover 
{
  color: white; 
  font-family: verdana; 
  font-size:11px; 
  text-decoration:underline;
  cursor:pointer;
}

.SelectedLevel2Tab 
{
  color: #4544AF; 
  background-color: white;
  font-family: verdana; 
  font-size:11px; 
  position:relative;
  top:2px;
  cursor:default;
}

.Spacer
{
  background-color: #4544AF;
}

/* Styles for the grid on items.aspx */
.GridClass
{
  CURSOR: default
}

.RowClass
{
  BACKGROUND-COLOR: #ffffff
}

.DataCell 
{
  BORDER-RIGHT: #ddecfe 1px solid;
  PADDING-RIGHT: 4px;
  FONT-SIZE: inherit;
  CURSOR: default;
  FONT-FAMILY: verdana
}

.AlternatingRowClass 
{
  BACKGROUND-COLOR: #ddecfe
}
.AlternatingRow 
{ 
  background-color: #f5f5f5; 
  border-right: 1px solid #E6E6E6; 
  border-bottom: 1px solid #E6E6E6; 
  font-family: verdana; 
  font-size: 10px;
  cursor: default;
}

.HeaderClass 
{
  FONT-WEIGHT: bold;
  FONT-SIZE: inherit;
  FONT-FAMILY: verdana
}



.HeadingCellClass 
{
  PADDING-RIGHT: 10px;
  PADDING-LEFT: 4px;
  HEIGHT: 20px
}

.HeadingTextClass 
{
  PADDING-LEFT: 5px;
  FONT-WEIGHT: bold;
  FONT-SIZE: inherit;
  FONT-FAMILY: verdana;
  WHITE-SPACE: nowrap
}



.HeadingRowClass 
{
  BACKGROUND: url(../images/blue_bg.gif)
}

.SelectorCell 
{
  BORDER-RIGHT: 0px;
  BORDER-TOP: 0px;
  /*BACKGROUND: url(../images/blue_bg.gif); */
  BORDER-LEFT: 0px;
  BORDER-BOTTOM: 0px;
  HEIGHT: 20px
}

.SelectedRowClass 
{
  BORDER-RIGHT: #040484 1px solid;
  BORDER-TOP: #040484 1px solid;
  BORDER-LEFT: #040484 1px solid;
  BORDER-BOTTOM: #040484 1px solid;
  BACKGROUND-COLOR: #90a8d0
}

.SelectedRowClass TD.DataCell 
{
  BORDER-RIGHT: #90a8d0 1px solid
}

.IndentCell 
{
  BORDER-RIGHT: 0px;
  BACKGROUND: #a9c7f4;
  HEIGHT: 20px
}

.ScrollBar
{
  background-image: url(../images/scroller/scroller_bg.gif); 
}

.ScrollGrip
{
  background-image: url(../images/scroller/scroll_gripBg.gif); 
}

.ScrollPopup
{
  background-color: #FFFFFF; 
  border: 1px solid #666666;
  border-right-width: 2px;
  border-bottom-width: 2px;
  height: 23px;
}
/* data for searchable grid */
.Grid 
{ 
  border: 1px solid #7C7C94; 
  background-color: #FFFFFF; 
  cursor: pointer; 
}

.HeadingRow 
{ 
  background-color: #99ccff; 
}

.HeadingCell 
{ 
  background-color: #99ccff; 
  border: 1px solid #FFFFFF; 
  border-right-color: #B5B5B5; 
  border-bottom-color: #B5B5B5; 
  padding: 3px;
}

.HeadingCellText
{
  font-family: verdana; 
  font-size: small; 
  font-weight: bold; 
  text-align: left;
}

.DataRow 
{ 
  background-color: #FFFFFF; 
}

.DataCell 
{ 
  cursor: default;
  padding: 3px; 
  border-right: 1px solid #EAE9E1; 
  border-bottom: 1px solid #EAE9E1; 
  font-family: verdana; 
  font-size: small; 
} 

.DataRow td.FirstDataCell 
{ 
  padding-left: 3px; 
} 

.SelectedRow 
{ 
  background-color: #FFEEC2; 
}

.SelectedRow td.DataCell 
{ 
  cursor: default; 
  padding: 2px; 
  padding-left: 3px; 
  padding-bottom: 3px; 
  font-family: verdana; 
  font-size: small; 
  border-bottom: 1px solid #4B4B6F; 
  border-top: 1px solid #4B4B6F; 
  border-right: 0px; 
}

.GridFooter
{
  cursor: default;
  padding: 5px;
}

.GridFooter a 
{
  color: Black;
  font-weight: bold;
}

.PagerText
{ 
  font-family: verdana; 
  font-size: small; 
} 




/* pop-up menu for inductive coding */
.MenuGroup
{
  background-image:url(../images/group_background.gif);
  background-color:white;
  border:solid 1px #7E7E81; 
  cursor:default; 
}

.MenuItem
{
  color:black; 
  font-family:tahoma; 
  font-size:11px; 
  margin:1px; 
  cursor:default; 
}

.MenuItemHover 
{
  background-color:#FFEEC2; 
  color:black; 
  font-family:tahoma; 
  font-size:11px; 
  border:solid 1px #4B4B6F; 
  cursor:default; 
}

.MenuBreak
{
  background-image:url(../images/break_bg.gif);
  width:100%;
  height:1px;
}

/* Splitter bar for inductive coding code */
.HorizontalSplitterBar
{
  background: url(../images/splitter_horBg.gif); 
}

.CollapsedHorizontalSplitterBar
{
  background: url(../images/splitter_horBg.gif); 
  border: 1px solid #000000;
  border-right-width: 0px;
}

.ActiveSplitterBar
{
  background-color: #000000;  
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); 
  opacity: 0.4;
}

.SplitterPane
{
  border: 1px solid #333333;
}

/* GoDiagram styles for inductive coding diagrams */
.goContextMenu {
  position: absolute; 
  top: 0px; 
  left: 0px;
  visibility: hidden; 
  background-color: #cccccc;
  border: 1px solid;
  border-color: #eeeeee #666666 #666666 #eeeeee;
  padding: 2px; 
  z-index: 5;
}

.goMenuItem {
  padding: 2px 4px 2px 4px; 
  color: Black;
  text-decoration: none;
  font-family: ms sans serif; 
  font-size: 11px;
  font-weight: normal; 
  display: block;
}

.goMenuItem:hover {
  color: White;
  background-color: #3333cc;
}

.goMenuItemDisabled {
  padding: 2px 4px 2px 4px; 
  color: Gray;
  text-decoration: none;
  font-family: ms sans serif; 
  font-size: 11px;
  font-weight: normal; 
  display: block;
}

.goMenuItemSeparator {
  border-top: 1px solid #999999;
  border-bottom: 1px solid #eeeeee;
  margin: 2px;
}

/* Styles for docking in inductive_c_synthesis_summary */

.Dock
{
  padding:5px;
  border:#AFAFAF 1px solid; 
  background-color:#D1D1D1;
}

/* for mouse over menu */

.cm_TopGroup 
{
	background-color:#6F8AD2;
	border:1px;
	border-color:black;
	border-top-color:gray
	;border-left-color:gray
	;border-style:solid;
}
.cm_TopItem 
{
	background-color:#6F8AD2;
	color:white;
	font-family:verdana;
	font-size:12px;
	border:1px;
	border-color:#3F3F3F;
	border-style:solid;
	cursor:pointer;
}
.cm_TopItemHover 
{
	background-color:#4544AF;
	color:white;
	font-family:verdana;
	font-size:12px;
	border:1px;
	border-top-color:#B8B8B9;
	border-left-color:#B8B8B9;
	border-right-color:black;
	border-bottom-color:black;
	border-style:solid;
	cursor:pointer;
}
.cm_TopItemActive 
{
	background-color:#8D8F95;
	color:white;
	font-family:verdana;
	font-size:12px;
	border:1px;
	border-left-color:#555555;
	border-top-color:#555555;
	border-right-color:#B8B8B9;
	border-bottom-color:#B8B8B9;
	border-style:solid;
	cursor:pointer;
}
.cm_Group 
{
	background-color:#EEEEEE;
	border:1px;
	border-color:#333333;
	border-top-color:#808080;
	border-left-color:#808080;
	border-style:solid;
}
.cm_Item 
{
	background-color:#EEEEEE;
	color:#333333;
	font-family:verdana;
	font-size:11px;
	border:solid 1px #EEEEEE;
	border-style:solid;
	cursor:pointer;
}
.cm_ItemHover 
{
	background-color:#CCCCCC;
	color:#333333;
	font-family:verdana;
	font-size:11px;
	border:1px;
	border-color:#AAAAAA;
	border-top-color:#FFFFFF;
	border-left-color:#FFFFFF;
	border-style:solid;
	cursor:pointer;
}
.cm_ItemActive 
{
	background-color:#FFFFFF;
	color:#333333;
	font-family:verdana;
	font-size:11px;
	border:1px;
	border-color:#FFFFFF;
	border-top-color:#AAAAAA;
	border-left-color:#AAAAAA;
	border-style:solid;
	cursor:pointer;
}

/* Styles for the editing outcomes page */
.EditOutcomesIFrame
{
	width:100%;
	height:100%
}
.headerCss
{
	cursor:hand;
    cursor:pointer;
}
.dialogContentCssClass
{
    height:100%;
    width:100%;
    background-color:white;
    overflow:auto;
    scrollbar-face-color:#EEEEEE;
    scrollbar-arrow-color:#DDDDDD;
    scrollbar-track-color:#CCCCCC;
    scrollbar-shadow-color:'';
    scrollbar-highlight-color:'';
    scrollbar-3dlight-color:'';
    scrollbar-darkshadow-Color:'';
}

/* Styles for colourpicker (diagrams) */

a:active,a:focus { outline:none; }

.grid { background:#ededed;padding:10px;border:1px solid #ededed;border-color:#ededed #ccc #ccc #ededed; }

/* Colour Picker styles */
.swatches { width:100%;height:46px; }

.swatch { border:1px solid #999;border-color:#999 #fff #fff #999;width:12px;height:12px;cursor:default;overflow:hidden;padding:0;margin:0; }
.swatch-h { border:1px solid #999;width:12px;height:12px;cursor:default;overflow:hidden;padding:0;margin:0; }
.swatch-a { border:1px solid #333;width:12px;height:12px;cursor:default;overflow:hidden;padding:0;margin:0; }

/* Assorted styles */
div.info { clear:both;height:20px;background:#d6d6d6;padding:10px;border:1px solid #fff;border-color:#fff #9d9da1 #9d9da1 #ededed; }
    div.info #chip { width:110px;height:20px;border:1px solid #9d9da1;border-color:#9d9da1 #fff #fff #9d9da1;float:left; }